<div class="dialog" title="自定义属性">
	<form id="self_form" method="post" action="/index.php">
		<div class="form_item">
			<strong>属性名称：</strong>
			<div>
				<label><input class="text_input" type="text" name="attr_name" value="" maxlength="8"/></label>
			</div>
			<p>（属性名称，不能超过8个字符，可使用中文、字母、数字及下划线）</p>
		</div>
		<div class="form_item">
			<strong>属性值：</strong>
			<div>
				<label><input class="text_input" type="text" name="attr_value" value=""/></label>
			</div>
			<p></p>
		</div>
		<div class="form_item form_btn_item">
			<input type="hidden" name="app" value="!{$self_attr_module}"/>
			<input type="hidden" name="act" value="self_attr"/>
			<input type="hidden" name="id" value="!{$doc_id}"/>
			<input type="button" class="button" value="提交"/>
		</div>
		<div class="info ui-state-highlight ui-corner-all">正在提交，请稍候...</div>
	</form>
</div>
<script>
	var busy = false;
	$(function(){
		$(".self_attr").click(function(){
			$('.dialog').dialog({width:500,modal:true});
		});
		
		var options = {
			dataType : 'json',
			success : function(data){
				busy = false;
				if(data.result){
					//成功
					$('#self_form .info').html(data.info).show();
					
					//添加到页面
					var html = 
						'<div class="form_item" index="' + data.data._id + '">' + 
							'<strong>' + data.data.name + '：</strong>' + 
							'<div>' + 
							'<label><input class="form_input" type="text" name="attrs_' + data.data._id + '" value="' + data.data.value + '"/></label>' + 
							'</div>' + 
							'<p>（自定义字段）<a href="javascript:void(0)" onclick="del(\''+data.data._id+'\')">删除</a></p>' + 
						'</div>';
					$("#!{$self_attr_module}_form .option_div").before(html);
					document.getElementById('self_form').reset();
				}else{
					//失败
					$('#self_form .info').html(data.error).show();
				}
			}
		};
		$('#self_form').ajaxForm(options);
		$('#self_form .btn').click(function(){
			if(busy)return;
			busy = true;
			$('#self_form .info').html('正在提交，请稍候...').show();
			$('#self_form').submit();
		});
	});

	function del(id){
		if(confirm('删除不可恢复，是否继续删除此属性？')){
			$.get('/index.php?app=!{$self_attr_module}&act=del_attr&id=!{$doc_id}&attr_id=' + id, function(data){
				var json = eval('(' + data +')');
				if(json.result){
					alert(json.info);
					$("[index='"+id+"']").remove();
				}else{
					alert(json.error);
				}
			});
		}
	}
</script>